﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>自定义表格样式</title>
    <link href="styles/table.css" rel="stylesheet" />
</head>
<body>
    <h3>会员列表</h3>
    <table>
        <caption><h3>所有会员资料</h3></caption>
        <thead>
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>出生日期</th>
                <th>所在地</th>
                <th>兴趣领域</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>10001</td>
                <td>Jerry</td>
                <td>男</td>
                <td>1979-01-01</td>
                <td>北京</td>
                <td>Microsoft技术,软件工程</td>
                <td>
                    <a href="#">编辑</a>
                    <a href="#" onclick="return confirm('确实要删除该会员资料吗？');">删除</a>
                </td>
            </tr>
            <tr>
                <td>10002</td>
                <td>Jam</td>
                <td>女</td>
                <td>1979-01-01</td>
                <td>北京</td>
                <td>Java技术，移动互联技术</td>
                <td>
                    <a href="#">编辑</a>
                    <a href="#" onclick="return confirm('确实要删除该会员资料吗？');">删除</a>
                </td>
            </tr>
            <tr>
                <td>10003</td>
                <td>David</td>
                <td>男</td>
                <td>1980-01-01</td>
                <td>北京</td>
                <td>C/C++技术，移动互联技术</td>
                <td>
                    <a href="#">编辑</a>
                    <a href="#" onclick="return confirm('确实要删除该会员资料吗？');">删除</a>
                </td>
            </tr>
            <tr>
                <td>10004</td>
                <td>Nancy</td>
                <td>男</td>
                <td>1983-01-01</td>
                <td>北京</td>
                <td>Microsoft技术</td>
                <td>
                    <a href="#">编辑</a>
                    <a href="#" onclick="return confirm('确实要删除该会员资料吗？');">删除</a>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>
